<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="Keywords" content="" />
		<meta name="Description" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_740882_02w13sihxx05.css" />
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/shouye.css" />
	</head>

	<body>
		<!--头部-->
		<div class="tb">
			<!--菜单按钮-->
			<div class="cdan">
				<i class="iconfont icon-caidan-copy icon-cd"></i>
			</div>
			<!--搜索框-->
			<div class="ssk">
				<input type="search" />
				<i class="iconfont icon-sousuokuang icon-ssk">搜索</i>
			</div>
		</div>
		<!--轮播图-->
		<div class="lbt">
			<!-- Swiper -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/lunbotu1.jpg" /></div>
					<div class="swiper-slide"><img src="img/lunbotu2.jpg" /></div>
					<div class="swiper-slide"><img src="img/erhuanxilie.jpg" /></div>

				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>

			<!-- Swiper JS -->
			<script src="js/swiper-4.3.3.min.js"></script>

			<!-- Initialize Swiper -->
			<script>
				var swiper = new Swiper('.swiper-container', {
					pagination: {
						el: '.swiper-pagination',
					},
				});
			</script>
		</div>
		<!--内容-->
		<div class="nr">
			<!--吊坠系列-->
			<div class="dzxl">
				<div class="dzxl_1"><img src="img/diaozhuixilie.jpg"/></div>
				<!--吊坠系列文字-->
				<a href="shangpinliebiaoye.html" class="dzxl_2">
					<div class="dzxl_2_1"><img src="img/anniu.png"/></div>
					<div class="dzxl_2_2"><p>吊坠系列</p></div>
				</a>
			</div>
			<!--戒指系列-->
			<div class="jzxl">
				<div class="jzxl_1"><img src="img/jiezhixilie.jpg"/></div>
				<!--戒指系列文字-->
				<a href="shangpinliebiaoye.html" class="jzxl_2">
					<div class="jzxl_2_1"><img src="img/anniu.png"/></div>
					<div class="jzxl_2_2"><p>戒指系列</p></div>
				</a>
			</div>
			<!--耳环系列-->
			<div class="ehxl">
				<div class="ehxl_1"><img src="img/erhuanxilie.jpg"/></div>
				<!--耳环系列-->
				<a href="shangpinliebiaoye.html" class="ehxl_2">
					<div class="ehxl_2_1"><img src="img/anniu.png"/></div>
					<div class="ehxl_2_2"><p>耳环系列</p></div>
				</a>
			</div>
		</div>
		<!--尾部导航-->
		<div class="wbdh">
			<!--首页-->
			<a href="shouye.html" class="sy">
				<div class="sy_1"><img src="img/shouye1.png"/></div>
				<div class="sy_2"><p>首页</p></div>
			</a>
			<!--帮购-->
			<a href="banggou.html" class="bg">
				<div class="bg_1"><img src="img/bg.png"/></div>
				<div class="bg_2"><p>帮购</p></div>
			</a>
			<!--购物车-->
			<a href="gouwuche.html" class="gwc">
				<div class="gwc_1"><img src="img/gouwuche.png"/></div>
				<div class="gwc_2"><p>购物车</p></div>
			</a>
			<!--个人中心-->
			<a href="gerenzhongxin.html" class="grzx">
				<div class="grzx_1"><img src="img/grzx.png"/></div>
				<div class="grzx_2"><p>个人中心</p></div>
			</a>
		</div>

	</body>

</html>